<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Sorteio - Cadastro de Atividade</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" href="_css/estilo.css" />
    </h:head>
    <h:body>
        
        <div id="div-cad-atividade">
            
            <h:form>
                <p:panel style=" text-align: center;">

                    <h:outputText value="Nome: "/>
                    <p:inputText value="#{atividadeMB.atividade.nome}" size="15"/>
                    <br/>
                    <br/>
                    <h:outputText value="Quantidade de Equipes: "/>
                    <p:inputMask mask="9?9" value="#{atividadeMB.atividade.quantidadeEquipes}" size="15"/>
                    <br/>
                    <br/>
                    <h:outputText value="Integrantes por Equipe: "/>
                    <p:inputMask mask="9?9" value="#{atividadeMB.atividade.tamanhoEquipe}" size="15"/>
                    <br/>
                    <br/>
                    <h:outputText value="Quantidade de Temas: "/>
                    <p:inputMask mask="9?9" value="#{atividadeMB.quantidadeTemas}" size="15" onchange="rc()">

                    </p:inputMask>

                    <p:remoteCommand name="rc" update="data-list" actionListener="#{atividadeMB.populaListaTemas()}"/>

                </p:panel>

                <p:panel style=" text-align: center;">

                    <p:dataList id="data-list" value="#{atividadeMB.temasSelecionados}" var="temas" emptyMessage=" "
                                paginator="true" rows="6" type="ordered">

                        <p:inputText value="#{temas.nome}"/>

                    </p:dataList>

                </p:panel>

                <p:separator/>
                <p:spacer/>
                <p:commandButton value="Cadastrar" action="#{navegacaoMB.irTelaIndexProfessor()}" actionListener="#{atividadeMB.cadastraAtividade(loginMB.professor)}" ajax="true"/>
            </h:form>
            
        </div>
        
    </h:body>
</html>
